//根据商品id获取商品详情并渲染
let id = sessionStorage.getItem('goodsId');
$.ajax({
    url:'../server/detail.php',
    data:{id},
    dataType:'json',
    success(res){
        let {meta:{status},data} = res;
        // 判断请求数据是否成功
       let pic = data.imgpath.split('==========')[0];
       $('.middle>img').attr('src',pic);
       $('.big>img').attr('src',pic);
       let pics = data.imgpath.split('==========');
       // 遍历图片数据并组装html字符串然后渲染
       $('.small>.wraper>ul').html(pics.map(v => `<li><img src=${v} /></li>`).join(''));
    //    // 调用放大镜函数
       enlarge();
       // 将商品库存渲染到id="num"的输入框中
       $('#num').attr('stock', data.stock);
       //渲染标题和价格及详情
       $('.description>h4').text(data.name);
       $('.souceprice>span').text(data.price);
       $('.details .tab>ol>li').first().html(data.detail);
       $('.delivery>p').text(data.introduce)
     
    }
})
$('.add').click(function () {
    // 只要点击了加的按钮,就解除键按钮的禁用
    $(this).next().prop('disabled', false);
    // 获取到商品的库存
    let stock = $(this).prev().attr('stock') - 0;// -0减值转为数值
    // 获取输入框中的值
    let n = $(this).prev().val() - 0;
    n++;
    if (n >= stock) {
      $(this).prop('disabled', true);// 禁用点击按钮
      // 将最大库存渲染到输入框
      $(this).prev().val(stock);
    }
    $(this).prev().val(n);
  })
  // 点击购买商品数量的递减
  $('.reduce').click(function () {
    // 只要点击了减的按钮,就解除加按钮的禁用
    $(this).prev().prop('disabled', false);
    // 获取到商品的库存
    let stock = $(this).prev().prev().attr('stock') - 0;// -0减值转为数值
    // 获取输入框中的值
    let n = $(this).prev().prev().val() - 0;
    n--;
    if (n <= 1) {
      $(this).prop('disabled', true);// 禁用点击按钮
      // 将最小购买数渲染到输入框
      $(this).prev().prev().val(stock);
    }
    $(this).prev().prev().val(n);
  })
  // 点击进入购物车
  $('.toCart').click(function () {
    // 通过cookie获取用户名
    let username = getCookie('username');
    // 判断用户是否登录
    if (!username) {
      layer.confirm('请先登录');
      setTimeout(() => {
        location.href = '../HTML/delu.html'
    }, 2000)
      return false;
    }
    // 已经登录则跳转至购物车页面
    location.href = '../HTML/shoppingCart.html';
    return false;
  })
  // 点击加入购物车
  $('.addBtn').click(function () {
    // 通过cookie获取用户名
    let username = getCookie('username');
    // 判断用户是否登录
    if (!username) {
      layer.confirm('请先登录');
      setTimeout(() => {
        location.href = '../HTML/delu.html'
    }, 2000);
      return;
    }
    // 用户已经登录则加入购物车
    // 获取库存
    let stock = $('#num').attr('stock') - 0;
    // 获取本次购买数量
    let num = $('#num').val() - 0;
    // 组装加入购物车的数据
    let cartObj = {  username, id, num };
  // console.log(cartObj);
    // 获取本地购物车数据
    let str = localStorage.getItem('goodsData');
    // 购物车数组
    let arr;
    if (!str) { // 之前购物车为空
      arr = [cartObj];
    } else {
      // 判断用户之前是够添加过此商品的购物车
      let cartArr = JSON.parse(str);
      let cart = cartArr.find(v => {
        return v.id === id && v.username === username;
      });
      if (!cart) { // 之前没有添加过次购物车
        cartArr.push(cartObj);
        arr = cartArr;
        layer.msg('加入购物车成功');
      } else {
        let n1 = cart.num - 0; // 之前添加购物车的数量
        let n2 = n1 + num;
        if (n2 > stock) { // 添加的商品数超过库存
          layer.msg('购物数量超过库存');
          n2 = stock;
        } else {
          layer.msg('加入购物车成功');
        }
        // 将购买数累加并赋值给对象cart的num属性
        cart.num = n2;
        arr = cartArr
      }
    }
    // 将购物车数据arr写到localStorage中
    localStorage.setItem('goodsData', JSON.stringify(arr));
  
  })